{template 'header'}
<!--当前位置-->
<div class="location layout960 fn-clear">
    当前位置: <a href="{SITE_URL}">首页</a>&nbsp;»&nbsp; <a href="{url('extend/antiRules')}">违章查询</a>
</div>
<!--当前位置 end-->
<div class="rules layout960 fn-clear">
    <div class="hd fn-clear">
        <span class="fn-left mr5">全国城市筛选</span>
        <div id="area" class="fn-left mr10">
            <input type="hidden" id="area-field" name="area-field" style="display:static;" data-map="{$mapAreaid}" data-sel="{$selAreaid}"/>
        </div>
        <a href="javascript:void(0);" id="goSearch" class="btn-blue fn-left" target="_blank">违章查询</a>
    </div>
    <div class="fn-clear" style="padding: 5px">
        <div class="map-wrap fn-left">
            <div id="cityMap" class="map">
                <img src="{CSSIMG_URL}extend/map.gif" width="504" height="420" usemap="#map" alt="">
                <map name="map" id="js_map_areas">
                    <area shape="rect" cid="prov1" dtitle="北京" coords="361, 140, 391, 155" href="javascript:void(0);">
                    <area shape="rect" cid="prov2" dtitle="上海" coords="433, 245, 460, 253" href="javascript:void(0);">
                    <area shape="rect" cid="prov3" dtitle="天津" coords="384, 161, 410, 175" href="javascript:void(0);">
                    <area shape="rect" cid="prov4" dtitle="重庆" coords="283, 268, 312, 283" href="javascript:void(0);">
                    <area shape="rect" cid="prov5" dtitle="河北" coords="353, 166, 369, 195" href="javascript:void(0);">
                    <area shape="rect" cid="prov6" dtitle="山西" coords="330, 178, 344, 207" href="javascript:void(0);">
                    <area shape="rect" cid="prov7" dtitle="内蒙古" coords="244, 151, 323, 166" href="javascript:void(0);">
                    <area shape="rect" cid="prov8" dtitle="辽宁" coords="414, 127, 442, 142" href="javascript:void(0);">
                    <area shape="rect" cid="prov9" dtitle="吉林" coords="437, 103, 467, 118" href="javascript:void(0);">
                    <area shape="rect" cid="prov10" dtitle="黑龙江" coords="435, 62, 476, 77" href="javascript:void(0);">
                    <area shape="rect" cid="prov11" dtitle="江苏" coords="403, 225, 425, 256" href="javascript:void(0);">
                    <area shape="rect" cid="prov12" dtitle="浙江" coords="410, 268, 427, 298" href="javascript:void(0);">
                    <area shape="rect" cid="prov13" dtitle="安徽" coords="380, 233, 400, 268" href="javascript:void(0);">
                    <area shape="rect" cid="prov14" dtitle="福建" coords="392, 302, 413, 333" href="javascript:void(0);">
                    <area shape="rect" cid="prov15" dtitle="江西" coords="365, 286, 394, 301" href="javascript:void(0);">
                    <area shape="rect" cid="prov16" dtitle="山东" coords="374, 193, 402, 208" href="javascript:void(0);">
                    <area shape="rect" cid="prov17" dtitle="河南" coords="335, 225, 363, 240" href="javascript:void(0);">
                    <area shape="rect" cid="prov18" dtitle="湖北" coords="332, 256, 362, 271" href="javascript:void(0);">
                    <area shape="rect" cid="prov19" dtitle="湖南" coords="323, 300, 350, 315" href="javascript:void(0);">
                    <area shape="rect" cid="prov20" dtitle="广东" coords="346, 340, 375, 354" href="javascript:void(0);">
                    <area shape="rect" cid="prov21" dtitle="广西" coords="296, 341, 325, 356" href="javascript:void(0);">
                    <area shape="rect" cid="prov22" dtitle="海南" coords="297, 394, 324, 408" href="javascript:void(0);">
                    <area shape="rect" cid="prov23" dtitle="四川" coords="232, 261, 259, 276" href="javascript:void(0);">
                    <area shape="rect" cid="prov24" dtitle="贵州" coords="276, 310, 304, 325" href="javascript:void(0);">
                    <area shape="rect" cid="prov25" dtitle="云南" coords="220, 335, 249, 350" href="javascript:void(0);">
                    <area shape="rect" cid="prov26" dtitle="西藏" coords="79, 257, 180, 272" href="javascript:void(0);">
                    <area shape="rect" cid="prov27" dtitle="陕西" coords="290, 228, 318, 243" href="javascript:void(0);">
                    <area shape="rect" cid="prov28" dtitle="甘肃" coords="182, 150, 211, 166" href="javascript:void(0);">
                    <area shape="rect" cid="prov28" dtitle="甘肃" coords="252, 214, 280, 230" href="javascript:void(0);">
                    <area shape="rect" cid="prov29" dtitle="青海" coords="174, 198, 204, 213" href="javascript:void(0);">
                    <area shape="rect" cid="prov30" dtitle="宁夏" coords="275, 176, 290, 205" href="javascript:void(0);">
                    <area shape="rect" cid="prov31" dtitle="新疆" coords="42, 136, 157, 152" href="javascript:void(0);">
                    <area shape="rect" cid="prov32" dtitle="台湾" coords="431, 329, 458, 344" href="javascript:void(0);">
                    <area shape="rect" cid="prov33" dtitle="香港" coords="362, 362, 390, 376" href="javascript:void(0);">
                    <area shape="rect" cid="prov34" dtitle="澳门" coords="333, 373, 362, 387" href="javascript:void(0);">
                </map>
            </div>
            <div id="jsCityBox" class="fn-hide">
                <dl class="fn-clear">
                </dl>
            </div>
        </div>
        <div class="map-right fn-right">
	        <iframe src="{SITE_URL}extend/fragment.php?modules=news&psize=10"  scrolling="no" frameborder="0" height='303'></iframe>
        </div>
    </div>
</div>
<script type="text/javascript">
    seajs.use(['mod-area','mod-city'], function(area,city){
        area.init(lemon.site_url+"api/area/area_chaxun.php");
        var config = {
            'conId' : "area",
            'step' : 2,
            'name1' : "location_link[prov]",
            'name2' : "location_link[city]",
            'selValue':$("#area-field").attr("data-sel")
        };
        area.makeSelect(config);
        area.changeArea("area");
        city.showCity("cityMap","jsCityBox");
        $("#goSearch").click(function(){
            var sUrl = $("#area-field").val();
            if($.isNumeric(parseInt(sUrl))){alert("请选择城市");}
            else{window.open(sUrl) ;}
        });
    });
</script>
{template 'footer'}